<template>
  <el-card style="height: 100%">
    <div style="display: flex;justify-content: space-between">
      <div style="display: flex">
        <el-avatar style="width: 60px; height: 60px" shape="circle" :size="100" fit="cover" :src="userData.avatar" />
        <div class="info">
          <span style="font-weight: 600; margin: 2px; font-size: 18px">{{ userData.name }}</span>
          <span style="color: #6d737b; margin: 2px">{{ userData.deptName }} | {{ userData.postName }}</span>
        </div>
      </div>
      <span style="margin: 2px">
<!--          {{parseTime(date)}}-->
      </span>
    </div>
  </el-card>
</template>
<script setup  name="currentUser">
import {ref,onMounted,getCurrentInstance} from 'vue'
import { useUserInfo } from '/@/utils/storage.js';
import { getObj } from '/@/api/admin/user';
const { proxy } = getCurrentInstance();

const date = ref(new Date());
const userData =ref(
    {
      postName: '',
      name: '',
      username: '',
      userId: '',
      avatar: '',
      deptName: '',
    }
)
const loading = ref(false);

//更新时间
setInterval(
    ()=>{
      date.value =new date()
    },1000
)
onMounted(()=>{
  const data = useUserInfo().userInfos;
  initUserInfo(data.user.userId);
})

const initUserInfo =async (userId)=>{
  try {
    loading.value = true; // 显示加载状态

    const res = await getObj(userId); // 执行查询操作
    userData.value = res.data; // 将查询到的数据保存到 userData 变量中
    userData.value.postName = res.data?.postList?.map((item) => item.postName).join(',') || ''; // 将 postList 中的 postName 合并成字符串并保存到 userData 变量中
    // 文件上传增加后端前缀
    userData.value.avatar = proxy.baseURL + res.data.avatar;
  } finally {
    loading.value = false; // 结束加载状态
  }

}

</script>